<template>
    <van-tabbar v-model="active">
        <van-tabbar-item to="/" icon="fire">电影</van-tabbar-item>
        <van-tabbar-item to="/cinema" icon="friends">影院</van-tabbar-item>
        <van-tabbar-item to="/news" icon="diamond">咨询</van-tabbar-item>
        <van-tabbar-item to="/center" icon="manager" badge="5">我的</van-tabbar-item>
    </van-tabbar>
</template>
<script setup lang="ts">
import { ref } from 'vue';
//要根据路由状态的设置active
const active = ref<number>(0)

</script>